<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>news</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css">
    <link rel="stylesheet" href="./static/css/news.css">
</head>

<body>

    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">
            <div id="btn">
                <div class="button-sp-area">
                    <a href="#login" class="weui-btn weui-btn_mini weui-btn_primary">登录</a>
                    <a href="#sign" class="weui-btn weui-btn_mini weui-btn_primary">注册</a>
                </div>
            </div>
            <div class="button-sp-area">
                <a href="javascript:;" class="weui-btn weui-btn_mini
                  " id="control">操作</a>
                <a href="javascript:;" class="weui-btn weui-btn_mini
                 weui-btn_warn" id="del">删除</a>
                <a href="#edit" class="weui-btn weui-btn_mini
                 weui-btn_primary" id="amend">修改</a>
                <a href="#add" class="weui-btn weui-btn_mini
                  weui-btn_primary">添加</a>
            </div>
        </div>
        <div class="weui-panel__bd">
            <!-- <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
            </a> -->
            <p id="LoginToRemind">登录之后才能操作</p>
        </div>
    </div>
    <div id="loadingToast" style="display:none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-loading weui-icon_toast"></i>
            <p class="weui-toast__content">数据加载中</p>
        </div>
    </div>
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
    <div id="Dialog" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">弹窗标题</strong></div>
            <div class="weui-dialog__bd">弹窗内容，告知当前页面信息等</div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">确定</a>
            </div>
        </div>
    </div>
    <script src="./static/jquery-3.5.1.js"></script>
    <script src="./static/node_modules/art-template/lib/template-web.js"></script>
    <script type="text/html" id="loginTpl">
        <div class="weui-cells__title">{{id}}</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">账号</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" name="user" placeholder="请输入账号" />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">密码</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" name="psw" placeholder="请输入密码">
                </div>
            </div>
        </div>
        <a href="javascript:;" class="weui-btn weui-btn_primary" style="margin-top: 20px;" id="{{name}}">{{id}}</a>
        <a href="javascript:;" class="weui-btn weui-btn_default" id="back">返回</a>
    </script>
    <script type="text/html" id="newList">
        <input type="radio" class="check" name="item" data-id="{{id}}">
        <div class="weui-media-box__hd">
            <img class="weui-media-box__thumb" src="{{img}}" alt="">
        </div>
        <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">{{tag}}</h4>
            <p class="weui-media-box__desc">{{description}}</p>
            <ul class="weui-media-box__info">
                <li class="weui-media-box__info__meta">{{createBy}}</li>
                <li class="weui-media-box__info__meta" id="time">{{time}}</li>
            </ul>
        </div>
    </script>
    <script type="text/html" id="Uploader">
        <div class="weui-uploader" style="padding: 0 20px;">
            <div class="weui-uploader__hd">
                <p class="weui-uploader__title">图片上传</p>
            </div>
            <div class="weui-uploader__bd">
                <ul class="weui-uploader__files" id="uploaderFiles">
                    <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url({{url}})">
                        <div class="weui-uploader__file-content">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </li>
                </ul>
                <div class="weui-uploader__input-box">
                    <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple />
                </div>
            </div>
        </div>
        <div class="weui-cells__title">标题</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="{{title}}" placeholder="请输入文本" />
                </div>
            </div>
        </div>
        <div class="weui-cells__title">作者</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="{{creatObj}}" placeholder="请输入文本" />
                </div>
            </div>
        </div>
        <div class="weui-cells__title">新闻详情</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入文本" rows="3">{{desc}}</textarea>
                </div>
            </div>
        </div>
        <div class="weui-cells__title">时间</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="{{creatObjTime}}" placeholder="请输入文本" />
                </div>
            </div>
        </div>
        <a href="javascript:;" class="weui-btn weui-btn_primary" style="margin-top:20px">确定</a>
        <a href="javascript:;" id="back" class="weui-btn weui-btn_default">返回</a>
    </script>
    <script src="./static/news.js"></script>
</body>

</html>